<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>拖拽</title>
  <link rel="stylesheet" href="./index.css">
</head>
<body>

  <!-- 可拖拽元素 -->
  <p id="p1" draggable="true" ondragstart="dragstart_handler(event)" ondragend="dragend_handler()">
    This element is draggable.
  </p>

  <!-- 放置区 -->
  <div
    id="p2"
    ondrop="drop_handler(event)"
    ondragover="dragover_handler(event)">
    Drop Zone
  </div>


  <!-- 引入脚本 -->
  <script src="./index.js"></script>
</body>
</html>